<template>
  <div class="d3">
      <ul>
          <li>
                <img src="img/dd1.jpg">
                <span>我的委托</span>
          </li>
                <li>
                <img src="img/dd2.jpg">
                <span>我要出租</span>
          </li>
                <li>
                <img src="img/dd3.jpg">
                <span>我要买房</span>
          </li>
      </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
*{
    margin: 0;
    padding: 0;
}
.d3{
    width: 100%;
    height: .57rem;
    border: .01rem solid #e9e9ea;
    border-radius: .1rem;
    /* margin-bottom: 50px; */

}
.d3 ul{
    width: 100%;
    height: 100%;
    display: flex;
}
.d3 ul li{
    width: 33%;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.d3 ul li img{
    width: .2rem;
    height: .2rem;
}
.d3 ul li span{
    width: .50rem;
    height: .2rem;
    display: block;
    font-size: .1rem;
    font-weight: 600;
    line-height: .2rem;
}
</style>